@charset "utf-8";
@import "base";
section {
    .content {
        ul {
            margin-bottom: r(30px);
            li {
                float: left;
                width: r(282px);
                height: r(343px);
                background-color: #f6f6f6;
                margin-right: r(18px);
                margin-top: r(20px);
                &:nth-child(2n) {
                    margin-right: 0;
                }
                .li_img {
                    width: 100%;
                    height: r(182px);
                    img {
                        display: block;
                        width: 100%;
                    }
                }
                .li_content {
                    width: r(270px);
                    margin: 0 auto;
                    overflow: hidden;
                }
                p.title {
                    font-size: r(22px);
                    margin-top: r(15px);
                    line-height: r(27px);
                    max-height: r(50px);
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    text-overflow: ellipsis;
                    a {
                        color: #010101;
                    }
                }
                .read {
                    font-size: 0;
                    margin-top: r(14px);
                    .marketing {
                        font-size: r(18px);
                        display: block;
                        width: r(88px);
                        height: r(27px);
                        background-color: #B20000;
                        border-radius: r(5px);
                        text-align: center;
                        line-height: r(27px);
                        a {
                            color: #fff;
                        }
                    }
                    .like, .look {
                        display: inline-block;
                        i {
                            font-size: r(20px);
                            color: #C5C5C5;
                        }
                    }
                    .look {
                       margin-left: r(15px); 
                    }
                }
                .information {
                    font-size: 0;
                    position: relative;
                    margin-top: r(10px);
                    .zuozhe {
                        display: inline-block;
                        vertical-align: r(-8px);
                        width: r(35px);
                        height: r(35px);
                        img {
                            display: block;
                            width: 100%;
                        }
                    }
                    .name, .time {
                        font-size: r(18px);
                        color: #c5c5c5;
                    }
                    .name {
                        margin-left: r(8px);
                    }
                    .time {
                        position: absolute;
                        margin-top: r(4px);
                        right: 0;
                        top: 50%;
                        transform: translateY(-50%);
                    }
                }
            }
        }
    }
}
//底部导航栏切换
footer {
    .footer_nav {
        ul {
            li {
                .home {
                    background-image: url(../img/01home_g.png);
                }
                .gimc {
                    background-image: url(../img/03GIMC_g.png);
                }
                .article {
                    background-image: url(../img/06article_r.png);
                }
                .resource {
                    background-image: url(../img/07resou_g.png);
                }
                .college {
                    background-image: url(../img/09college_g.png);
                }
            }
        }
    }
}
